<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>医院科室首页</title>
	<link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet">
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
<style>
		
		.div1{height:90px;background-color:gray}
		.pdoc{line-height:90px;font-size:50px;color:white}
		.navcent{text-align:center}
		#phb{height:50px;background-color:gray;color:white;padding:10px}
	</style>
</head>
<body>
	<div class="container">
		
		<div class="row">
				<div class="col-md-12 div1">
				<!--导航-->
					<p class="text-center pdoc"></p><h1>医生列表</h1><p></p>
					<!--END导航-->
				</div>		
		</div>
		<div class="row">
			<div class="col-md-12">
				<!--搜索导航-->
					<nav class="navbar navbar-default">
					  <div class="container-fluid">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
						  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						  </button>
						  <a class="navbar-brand" href="#">您好！<span>欢迎预约挂号！</span></a>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						  <ul class="nav navbar-nav">
							<li class="active"><a href="#">客服中心 <span class="sr-only">(current)</span></a></li>
							<li><a href="#">医疗保险</a></li>
							<li class="dropdown">
							  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">设置 <span class="caret"></span></a>
							  <ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">Separated link</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">One more separated link</a></li>
							  </ul>
							</li>
						  </ul>
						  <form class="navbar-form navbar-left">
							<div class="form-group">
							  <input type="text" class="form-control" name="findname" value="${param.findname}" placeholder="请输入医生名称">
							</div>
							<button type="submit" class="btn btn-default">搜索</button>
						  </form>
						  <ul class="nav navbar-nav navbar-right">
							<li><a href="/hospital/book/list">我的预约</a></li>
							<li class="dropdown">
							  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于 <span class="caret"></span></a>
							  <ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">Separated link</a></li>
							  </ul>
							</li>
						  </ul>
						</div><!-- /.navbar-collapse -->
					  </div><!-- /.container-fluid -->
					</nav>
				<!--END搜索导航-->
			</div>
			<div class="row">
				<div class="col-md-9">
					<!--分页列表-->
						<table class="table table-striped">
							   <tbody><tr>
						             
						              <th>编号</th>
									  <th>照片</th>
									  <th>姓名</th>
						              <th>职务</th>
						              <th>操作</th>
						       </tr>
							    
        						<c:forEach var="doctor" items="${doc_list.list}">
						        <tr>
						             <td><h3>${doctor.doc_id}</h3></td>
						             <td><img src="${pageContext.request.contextPath}/imgs/${doctor.doc_photo}" width="60px" height="80px"></td>
									 <td><h3>${doctor.doc_name}</h3></td>
									 <td><h3>${doctor.doc_job}</h3></td>
									 <td>
									 	<h3><a href="/hospital/Plans/list/${doctor.doc_id}"><button type="button" class="btn btn-success" data-container="body">查看出诊时间</button></a></h3>
						             </td>
						       </tr>
							   </c:forEach>
							 </tbody>
						</table>

					<!--分页标签-->
					<tr>
						<td colspan="8" style="text-align:center">
							<nav>
								<ul class="pagination">

									<c:forEach var="p" begin="1" end="${doc_list.pages }">
										<li><a class="page" id="${p }" href="?page=${p}">${p }</a></li>
									</c:forEach>

								</ul>
							</nav>

						</td>
					</tr>

				</div>
				<div class="col-md-3">
					<!--排行列表-->
						<h2 id="phb">排行榜</h2>
					<c:forEach var="doc_list" items="${list}">
						<ul class="list-group">
						  <li class="list-group-item">
							<span class="badge">${doc_list.doc_fee}</span>
								${doc_list.doc_name}
						  </li>
						</ul>
					</c:forEach>

					<!--END排行列表-->
				</div>

			</div>
		</div>
		
		
				
	</div>
	<footer class="navbar-fixed-bottom">

		<div class="row">
				<div class="col-md-12 div2">
				<!--页脚-->
					<p class="text-center">Copyright © 2010 - 2018 WEDOCTOR. All Rights Reserved.微医 版权所有 浙ICP备12034511号-2</p>
					<p class="text-center">13231421@123.com.cn</p>
					<!--END页脚-->
				</div>		
		</div>
     </footer>
    <script src="%E7%A7%91%E5%AE%A4%E5%8C%BB%E7%94%9F%E5%88%97%E8%A1%A8_files/jquery-1.htm"></script>
    <script src="%E7%A7%91%E5%AE%A4%E5%8C%BB%E7%94%9F%E5%88%97%E8%A1%A8_files/bootstrap.js"></script>
  

</body></html>